
        page();
        //渲染页面
        function page(){
            $('#content').html('');
            for(let i=0;i<userLvArr.length;i++){
                $('#content').append(`<tr class='line'>
                        <td><input type="checkbox" index="${i}" class='choose'></td>
                        <td>${i+1}</td>
                        <td>${userLvArr[i].level}</td>
                        <td>${userLvArr[i].integral}</td>
                        <td>${userLvArr[i].discount}</td>
                        <td>
                            <button index="${i}" type="button" class="layui-btn layui-btn-sm changebtn"><i class="layui-icon"></i></button>
                            <button index="${i}" type="button" class="layui-btn layui-btn-normal layui-btn-sm delbtn" style="background-color: red;"><i class="layui-icon"></i></button>
                        </td>
                    </tr>`)
            }
        }
        //增加用户函数
        function adduser(){
            let level = $("#level option:selected").text();
            let integral = $("#integral").val();
            let discount = $("#discount").val();
            userLvArr.push({
                level:level,integral:integral,discount:discount
            })
        }
        //给添加用户按钮绑定事件
        $('#addbtn').click(function(){
            $('.modalAdd').show();
            $('#show').css('display','none');
            $('#tijiao').off('click');
            $('#tijiao').click(function(){
                layer.confirm('确认提交？', {
                btn: ['确认','取消'] //按钮
            }, function(){
                $('.modalAdd').hide();
                $('#show').css('display','block');
                adduser();
                page();
                layer.msg('提交成功', {icon: 1,time:500});
                });
            })
            $('#quxiao').click(function(){
                $('.modalAdd').hide();
                $('#show').css('display','block');
            })
            $('#fanhui').click(function(){
                $('.modalAdd').hide();
                $('#show').css('display','block');
            })
        })
        //删除用户函数
        function delUser(index) {
                userLvArr.splice(index,1);
        }
        //给删除按钮绑定事件
        $('#content').on('click','.delbtn',function(){
            let index=  $(this).attr("index");
            layer.confirm('确认删除？', {
                btn: ['确认','取消'] //按钮
            }, function(){
                delUser(index);
                page();
            layer.msg('已删除', {icon: 1,time:500});
            });
        })
        //修改用户函数
        function changeuser(index){
            let level = $("#level1 option:selected").text();
            let integral = $("#integral1").val();
            let discount = $("#discount1").val();
            userLvArr[index].level =level;
            userLvArr[index].integral =integral;
            userLvArr[index].discount =discount;
        }
        //修改框显示要修改的数据
        function changeshow(index){
        $("#level1 option:selected").text(userLvArr[index].level);
        $("#integral1").val(userLvArr[index].integral);
        $("#discount1").val(userLvArr[index].discount);
    }
        //修改按钮绑定事件
        $('#content').on('click','.changebtn',function(){
            let index=  $(this).attr("index");
            changeshow(index);
            $('.modalUpdate').show();
            $('#show').css('display','none');
            $('#tijiao1').off('click');
            $('#tijiao1').click(function(){
                layer.confirm('确认提交？', {
                btn: ['确认','取消'] //按钮
            }, function(){
                $('.modalUpdate').hide();
                $('#show').css('display','block');
                changeuser(index);
                page();
                layer.msg('提交成功', {icon: 1,time:500});
                });
            })
            $('#quxiao1').click(function(){
                $('.modalUpdate').hide();
                $('#show').css('display','block');
            })
            $('#fanhui1').click(function(){
                $('.modalUpdate').hide();
                $('#show').css('display','block');
            })
        })
        //批量删除
        $('#DIB').click(function(){
            layer.confirm('确认删除？', {
                btn: ['确认','取消'] //按钮
            }, function(){
                for(let j=0;j<$('.choose:checked').length;j++){
                    let thisIndex = $('.choose:checked').eq(j).attr('index');
                    userLvArr = userLvArr.filter(function(item){
                        return item.id !=thisIndex;
                    })
                }
                page();
            layer.msg('已删除', {icon: 1,time:500});
            });
        })
        //全选
        $('#allcheck').click(function(){
            $('#content input[type=checkbox]').prop('checked',$(this).prop('checked'));
        })
        $('#content').on('click','input[type=checkbox]',function(){
            if($('#content input[type=checkbox]').length==$('#content input[type=checkbox]:checked').length){
                $('#allcheck').prop('checked',true);
            }else{
                $('#allcheck').prop('checked',false);
            }
        })
        //鼠标移入表格行改变颜色
        $('#content').on('mouseover','.line',function(){
            $(this).css('background-color','gainsboro');
            $('#content').on('mouseout','.line',function(){
                $(this).css('background-color','white');
            })
        })
        